/**************************************
 *
 * VLOOK™ 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(QQ): 1084262190
 * 2024-11
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

@vlookQuery: @vlookQueryDef + "caphide=formula";

// 主题信息
@themeVer: "V28.1";
@themeName: "vlook-x-gb-t";
@themeDesc: "× GB/T";
@themeEmail: "archi-bc@outlook.com"; // 相关网站 https://std.samr.gov.cn/

// 指定字体主题
.applyFontStyle(book);
// 指定主题配套的圆角
.applyThemeRadius(none);
// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);
// 生成指定的表格样式
.genTableStyle(simple);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #337AB7;//#005DA8;//#003182;
@theme2: #23527C;//#0F89EB;//#0B52BC;
@theme3: #FFFFFF;
@theme4: #101416;
@theme1Dark: #3E85C2;
@theme1Alt: #A8CEF0;
@theme1AltDark: #9EBFDB;
@theme2Dark: #32608A;
@theme2Alt: #A6C5E0;
@theme2AltDark: #7EA7CC;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacityHighForLg);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacityMiddleForLg);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: var(--d-bc);
@themeBgColorFade: fade(@themeForeColor, 50%);
@themeBgColorDark: darken(@themeForeColor, 20%);
@themeBgColorAlt: lighten(@themeForeColor, 42%);

// 主题中强制控制，外观仅支持 Light Mode
@onlyLightMode: true;

// 主题中强制控制，对指定层级的标题及以后的都不显示
@hideOutlineOver: 2;

// 标题色
@headerColor: @theme4;
@headerColorDark: @theme3;

// 6 级标题前缀内容
@continuousHeaderBG: @headerBackground;
@headerTextAlign: left;
@h1TextAlign: center;
@contentHeaderNumOpacity: 1;

@h2FontSize: 1.25em;
@h3FontSize: 1.125em;
@h4FontSize: 1em;
@h5FontSize: 1em;

// 针对 h4 的扩展样式
.genH4Ext() {
    font-family: var(--v-f-fm-text);
    font-weight: var(--v-f-w-text);
}
// 针对 h5 的扩展样式
.genH5Ext() {
    font-family: var(--v-f-fm-text);
    font-weight: var(--v-f-w-text);
}
// 与上面配套样式，在 h4, h5 有加粗时调整自动编号的字体
#write>h4:has(strong),
#write>h5:has(strong) {
    font-family: var(--v-f-fm-bd);
}

@headerBorderRadius: var(--v-r-b) var(--v-r-b-xc);
@h1Margin: 2em 0 0 0;
@h2Margin: 1.5em 0 0 0;
@h3Margin: 1.5em 0 0 0;
@h4Margin: 1em 0 0 0;
@h5Margin: 1em 0 0 0;

// 自定义标题自动编号
@vHeaderAutoNum: "h1{{#none#}},h2{{###}},h3{{###}},h4{{###}},h5{{###}}";
@h1BeforeContent: "";
@h2BeforeContent: counter(h2);
@h3BeforeContent: counter(h2) "." counter(h3);
@h4BeforeContent: counter(h2) "." counter(h3) "." counter(h4);
@h5BeforeContent: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5);

// 微调有序列表分级符号
@ol1StyleType: lower-alpha; // 小写的英文字母
@ol2StyleType: decimal; // 阿拉伯数字

// 微调无序列表分级符号
@ul2StyleType: circle; // 空心圆点
@ul3StyleType: square; // 方块

// 题注内容主体的边框
@captionContentBorder: none;

// ==================== 生成封面内各类样式 ==================== //

.genCoverSup() {
    font-family: var(--v-f-fm-text);
    font-weight: 900;
}

// 下划线（副标题）样式
.genCoverU() {
    font: var(--v-f-w-bd) .5em var(--v-f-fm-text) !important; // [style] [weight] [size/[line-height]] [family]
}

// 斜体（版权信息）样式
.genCoverEm() {
    font: var(--v-f-w-text) .5em var(--v-f-fm-text) !important; // [style] [weight] [size/[line-height]] [family]
}

// 加粗（发布人）样式
.genCoverStrong() {
    font: normal 900 .5em var(--v-f-fm-text) !important; // [style] [weight] [size/[line-height]] [family]
    position: relative;
    display: inline-block;
}
// 加粗（发布人）内分块内容的样式
.genCoverStrongSpan() {
    display: block;
}
// 加粗（发布人）前缀样式
.genCoverStrongBefore() {
    content: "";
}
// 加粗（发布人）后缀样式
.genCoverStrongAfter() {
    content: " 发布";
    text-transform: uppercase;
    font: normal var(--v-f-w-bd) .875em var(--v-f-fm-bd) !important; // [style] [weight] [size/[line-height]] [family]
    // font-size: .875em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
}

// ==================== 生成封面四角样式 ==================== //

@vlookCC: true;
// 自定义扩展样式（含选择器）
.genCcExt() {
    // .v-cc.top.left,
    // .v-cc.top.right,
    // .v-cc.bottom.left,
    // .v-cc.bottom.right {
    .v-cc {
        background-color: @theme3;
        height: 30px;
        min-width: 11em;
        width: auto;
    }
    // .v-cc.top.right>div>div,
    .v-cc.top.right :is(sub, sup) {
        font-size: .75em;
        // vertical-align: unset;
        display: block;
    }
}
// 补充样式
.genCcTopRightExt() {
    // left: 60px;
    top: 150px;
    // border-bottom: 1px solid @theme4;
    // padding-bottom: 10px;
}
.genCcTopLeftExt() {
    // width: 7em;
    min-width: 8em;
    width: auto;
    font-family: var(--v-f-fm-text);
}

// ==================== END ==================== //

// 引用块默认色样式（与主题配套使用）
@quoteBgDefault: none;
@quoteBoxShadowDefault: 0 0 0 1px var(--d-fc) inset;

// 题注文字、背景色
@captionTextColor: @theme4;
@captionBackground: none;

// 按钮色
@buttonForeColor: @theme3;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @theme1;
// 指定 kbd 按钮风格
.applyKbdRadius(none);

// 欢迎页色
@welcomePageForeColor: @theme4;
@welcomePageBgColor: @theme3;

// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;

// 链接颜色
@aBorderWidth: 1px;
@aColor: @theme1;
@aColorDark: @theme1;
// @alinecolor: @theme2;
@aHoverColor: @theme2;
@aHoverColorDark: @theme2Dark;
@aActiveColor: desaturate(@aHoverColor, 25%);

// 封面、封底文字位置及对齐方式
@coverTextAlign: center;
@coverTextPadding: 180px 40px 0;
@coverTextPaddingForMobile: 180px 20px 0;
@coverTextColor: @theme4;
@coverSubColor: @theme1;
@coverUnderlineColor: @theme4;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverAuthorColor;

@backcoverTextAlign: left;
@backcoverTextPadding: 200px 40px 0;
@backcoverTextPaddingForMobile: 200px 20px 0;
@backcoverTextColor: @coverTextColor;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: 0 0 0 3px @theme4 inset;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-logo), var(--thm-sp), var(--thm-t-l), var(--thm-t-r), var(--thm-b-l), var(--thm-b-r);
@coverBgSize: auto, calc(100% - 80px) 170px, auto, auto, auto, auto;
@coverBgSizeForMobile: auto, calc(100% - 40px) 170px, auto, auto, auto, auto;
@coverBackgroundSize: var(--thm-c-bg-size);
@coverBackgroundRepeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
@__cCommPos: 40px 40px, top 130px right 40px, 40px 595px, right 40px top 595px;
@coverBgPosition: right 40px top 40px, 40px 0, @__cCommPos;
@coverBgPositionForMobile: right 20px top 40px, 20px 0, @__cCommPos;
@coverBackgroundPosition: var(--thm-c-bg-pos);
@ccLeftRightPadding: 60px;
@ccLeftRightPaddingForMobile: 40px;

// 封底背景设置
@backcoverBackgroundColor: @coverBackgroundColor;
@backcoverBackgroundImage: var(--thm-logo), var(--thm-sp);
@backcoverBgSize: auto, calc(100% - 80px) 170px;
@backcoverBgSizeForMobile: auto, calc(100% - 40px) 170px;
@backcoverBackgroundSize: var(--thm-bc-bg-size);
@backcoverBackgroundRepeat: no-repeat, no-repeat;
@backcoverBgPosition: right 40px top 40px, 40px 0;
@backcoverBgPositionForMobile: right 20px top 40px, 20px 0;
@backcoverBackgroundPosition: var(--thm-bc-bg-pos);

// 封面、封底素材资源
:root {
    --thm-logo: url("");
    --thm-sp: url("");
    // 封面四角
    --thm-t-l: url("");
    --thm-t-r: url("");
    --thm-b-l: url("");
    --thm-b-r: url("");
}

@import "../base";

// 生成指定风格的多级标签样式
.genBadgeStyle(std);

// 生成 GSA 样式
.genGSA_simple();
